@charset "utf-8";
/* CSS Document */
.lcbg{
	width:100%;
	background:url(../images/lcbg.jpg) center center;
	}
.liuc{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0px;
	}
.liuc ul{
	}
.liuc ul li{
	float:left;
	width:20%;
	overflow:hidden;
	}
.liuc ul li:nth-of-type(1){
	background:url(../images/lc1.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li:nth-of-type(2){
	background:url(../images/lc2.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li:nth-of-type(3){
	background:url(../images/lc3.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li:nth-of-type(4){
	background:url(../images/lc4.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li:nth-of-type(5){
	background:url(../images/lc5.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li:nth-of-type(6){
	background:url(../images/lc6.png) top left no-repeat;
	background-size:27px;
	}
.liuc ul li p{
	padding-left:40px;
	}
.liuc ul li p:nth-of-type(1){
	font-size:16px;
	color:#fff;
	}
.liuc ul li p:nth-of-type(2){
	font-size:12px;
	color:#fff;
	line-height:25px;
	margin-top:5px;
	}
@media (max-width:1000px) {
.liuc ul li{
	width:33%;
	padding-top:45px;
	text-align:center;
	}
.liuc ul li:nth-of-type(1){
	background:url(../images/lc1.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li:nth-of-type(2){
	background:url(../images/lc2.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li:nth-of-type(3){
	background:url(../images/lc3.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li:nth-of-type(4){
	background:url(../images/lc4.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li:nth-of-type(5){
	background:url(../images/lc5.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li:nth-of-type(6){
	background:url(../images/lc6.png) top center no-repeat;
	background-size:35px;
	}
.liuc ul li p{
	padding-left:0px;
	}
.liuc ul li:nth-of-type(2), .liuc ul li:nth-of-type(3), .liuc ul li:nth-of-type(5), .liuc ul li:nth-of-type(6){
	margin-left:0.5%;
	}
.liuc ul li+li+li+li{
	margin-top:15px;
	}
	}
@media (max-width:420px) {
.liuc ul li p:nth-of-type(1){
	font-size:14px;
	}
	}
.bt{
	width:96%;
	overflow:hidden;
	text-align:center;
	color:#333;
	margin:30px auto;
	}
.bt h2{
	font-size:24px;
	font-weight:500;
	}
.bt p{
	font-size:14px;
	margin-top:10px;
	line-height:25px;
	}
.product{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.product ul{
	overflow:hidden;
	}
.product ul li{
	float:left;
	width: 23.334%;
	overflow:hidden;
	margin: 0.8%;
	}
.product ul li .prtp{
	width: calc(100% - 2px);
	height:0;
	padding-bottom: calc(100% - 2px);
	border:1px solid #fff;
	transition:all 0.5s;
	overflow:hidden;
	position: relative;
	}
.product ul li .prtp img{
	width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	}
.product ul li p{
	text-align:center;
	font-size:14px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin-top:10px;
	}
.product ul li:hover .prtp img{
	transform: scale(1.2, 1.2);
	}
.product ul li:hover .prtp{
	/*border:1px solid #1ca452;*/
	}
@media (max-width:700px) {
.product ul li{
	width: 48%;
	margin: 1%;
	}
	}
.abbg{
	width:100%;
	overflow:hidden;
	background:url(../images/abbg.jpg) top center no-repeat;
	padding-top: 43px;
	margin-top:30px;
	}
.about{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
	}
.about .abl{
	width:50%;
	float:left;
	height:0;
	padding-bottom:25%;
	}
.about .abl img{
	width:100%;
	}
.about .abr{
	width: calc(50% - 60px);
	float:right;
	height:0;
	background:#f6f6f6;
	padding:40px 30px;
	padding-bottom: calc(25% - 40px);
	}
.about .abr h2{
	font-size:24px;
	color:#333;
	font-weight:500;
	 margin-bottom: 15px;
	}
.about .abr p{
	font-size:14px;
	color:#999;
	line-height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	}
.about .abr a{
	font-size:12px;
	color:#666;
	border:1px solid #666;
	display:inline-block;
	padding:7px 21px;
	transition:all .5s;
	margin-top:30px;
	float:right;
	}
.about .abr a:hover{
	color:#fff;
	background:#1ca452;
	border:1px solid #1ca452;
	}
@media (max-width:1100px) {
.about .abr p{
    -webkit-line-clamp: 3;
	}
	}
@media (max-width:1000px) {
.about .abr h2{
	font-size:20px;
	 margin-bottom: 10px;
	}
.about .abr{
	padding:20px 30px;
	padding-bottom: calc(25% - 20px);
	}
	}
@media (max-width:870px) {
.about .abr h2{
	font-size:17px;
	 margin-bottom: 5px;
	}
.about .abr a{
	margin-top:20px;
	}
	}
@media (max-width:800px) {
.about .abr p{
    -webkit-line-clamp: 2;
	}
	}
@media (max-width:650px) {
.about .abl{
	width:100%;
	float:none;
	padding-bottom:50%;
	}
.about .abr{
	width: calc(100% - 60px);
	float:none;
	padding:40px 30px;
	padding-bottom: calc(50% - 40px);
	}
.about .abr h2{
	font-size:24px;
	 margin-bottom: 15px;
	}
.about .abr p{
    -webkit-line-clamp: 4;
	}
.about .abr a{
	margin-top:30px;
	}
	}
@media (max-width:560px) {
.about .abr p{
    -webkit-line-clamp: 3;
	}
	}
@media (max-width:500px) {
.about .abr h2{
	font-size:20px;
	 margin-bottom: 10px;
	}
.about .abr a{
	margin-top:20px;
	}
	}
@media (max-width:470px) {
.abbg{
	padding-top:0px;
	}
.about{
	padding-top:0px;
	}
.about .abr{
	padding:20px 30px;
	padding-bottom: calc(50% - 20px);
	}
	}
@media (max-width:430px) {
.about .abr p{
    -webkit-line-clamp: 2;
	}
	}
@media (max-width:360px) {
.about .abr h2{
	font-size:17px;
	 margin-bottom: 5px;
	}
	}
/**************************新闻**************************/
.new{
	width:100%;
	overflow:hidden;
	border-bottom:2px solid #fff;
	margin:0 auto;
	}
.new:hover{
	border-bottom:2px solid #1ca452;
	box-shadow: 0 0px 5px rgba(204,204,204,0.35);
	}
/*.new+ .new{
	margin-left:18px;
	}*/

.new .netp{
	width:89%;
	height:0px;
	padding-bottom:35.6%;
	margin:15px auto;
	border-radius:5px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	}
.new .netp:before {
	content: ' ';
	position: absolute;
	background: #fff;
	width: 25px;
	height: 100px;
	top: 0;
	left: -80px;
	opacity: 0.3;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.new:hover .netp:before {
	width: 45px;
	left: 350px;
}
.new .netp img{
	width:100%;
	}
.new p.da{
	width:89%;
	font-size:14px;
	color:#333;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}
.new p.da a{
	color:#333;
	}
.new p.da a:hover{
	color:#1ca452;
	}
.new p.te{
	width:89%;
	font-size:12px;
	color:#999;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	line-height:22px;
	}
.new .damo{
	width:89%;
	margin:15px auto;
	overflow:hidden;
	}
.new .damo .date{
	float:left;
	width:50px;
	}
.new .damo .date p:nth-of-type(1){
	font-size:18px;
	color:#bbb;
	}
.new .damo .date p:nth-of-type(2){
	font-size:12px;
	color:#bbb;
	margin-top:3px;
	}
.new .damo .more{
	float:right;
	width:50px;
	height:20px;
	border-radius:10px;
	background:#ccc;
	margin-top:9px;
	}
.new .damo .more a{
	display:block;
	}
.new .damo .more img{
	padding-left: 15px;
    padding-top: 5px;
	}
.new:hover .damo .more{
	background:#1ca452;
	}
/* marqueeleft */
.marqueeleft{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0px auto;
	margin-top:30px;
	padding-top:20px;
	border-top:2px solid #f8f8f8;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	width:150px;
	height:84px;
	overflow:hidden;
	padding:5px;
	margin:0px 8px;
	}
.marqueeleft li .pic{
	display:block;
	width:150px;
	height:84px;
	overflow:hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
.marqueeleft li img{
	max-width:150px;
	}